<!DOCTYPE html>
<html lang="en">
<head>
    <title>初始化配置</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
   <!--<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">-->
    <link rel="stylesheet" href="/static/bootstrap.min.css">

    <!-- Custom CSS -->
    <style>
        body {
            background-color: #f5f5f5;
            font-family: Arial, sans-serif;
        }

        h2 {
            color: #3c3c3c;
            font-weight: bold;
        }

        label {
            font-weight: bold;
        }

        .form-container {
            background-color: #ffffff;
            padding: 30px;
            border-radius: 5px;
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
        }

        .btn-primary {
            background-color: #3c3c3c;
            border-color: #3c3c3c;
        }

        .btn-primary:hover {
            background-color: #5e5e5e;
            border-color: #5e5e5e;
        }
    </style>
<script>
function validateForm() {
    var admin = document.forms["myForm"]["admin"].value;
    var kvm = document.forms["myForm"]["kvm"].value;
    if (admin == "" || kvm == "") {
        return false;
    } else {
        alert( "点击确认提交");
    }
}
</script>
</head>
<body>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-6">
                <h2 class="text-center mt-5">初始化配置</h2>
              <h5 class="text-center mt-1">不需要的功能留空</h5>
                <form class="mt-4" name="myForm" onsubmit="return validateForm()"   method="POST">
                  <div class="form-group">
                    <label for="admin">管理密码:</label>
                    <input type="text" class="form-control" id="admin" name="admin" placeholder="短信管理密码">
                  </div>
                  <div class="form-group">
                    <label for="plusapi">pushplus_token:</label>
                    <input type="text" class="form-control" id="plusapi" name="plusapi" placeholder="www.pushplus.plus获取">
                  </div>
                  <div class="form-group">
                    <label for="kvm">KVM连接密码:</label>
                    <input type="text" class="form-control" id="kvm" name="kvm">
                  </div>
                  <div class="form-group">
                    <label for="wifi">连接WIFI:（2.4G）</label> 
                    <input type="text" class="form-control" id="wifi" name="wifi" placeholder="路由器ssid">
                  </div>
                  <div class="form-group">
                    <label for="wifipw">WIFI密码:</label>
                    <input type="text" class="form-control" id="wifipw" name="wifipw" placeholder="路由器连接密码">
                  </div>

                  <div class="form-group">
                    <label for="nps">NPS服务器和端口:</label>
                    <input type="text" class="form-control" id="nps" name="nps" placeholder="客户端连接端口"
>
                  </div>


                  <div class="form-group">
                    <label for="npsvkey">NPS密钥:</label>
                    <input type="text" class="form-control" id="npsvkey" name="npsvkey" placeholder="唯一验证密钥">
                  </div>
                  <div class="form-group">
                    <label for="npsport">NPS映射端口:</label>
                    <input type="text" class="form-control" id="npsport" name="npsport" placeholder="nps设置的映射端口">
                  </div>
                  <div class="form-group">
                    <label for="zerotier">ZerotierID:</label>

                    <input type="text" class="form-control" id="zerotier" name="zerotier" placeholder="Network ID">
                  </div>
                  <div class="form-group">
                    <label for="sakurafrp_f">SakuraFRP命令:</label>
                    <input type="text" class="form-control" id="sakurafrp_f" name="sakurafrp_f"  placeholder="格式 -f xxxxx:xxx">
                  </div>
                  <div class="form-group">
                    <label for="sakurafrp_addr">SakuraFRP地址:</label>
                    <input type="text" class="form-control" id="sakurafrp_addr" name="sakurafrp_addr" placeholder="如：frp-now.top">
                  </div>
                  <div class="form-group">
                    <label for="sakurafrp_port">SakuraFRP端口:</label>
                    <input type="text" class="form-control" id="sakurafrp_port" name="sakurafrp_port" placeholder="SakuraFRP生成的端口">
                  </div>
                   
                    <input type="submit" value="Submit" class="btn btn-primary">
            </div>
        </div>
    </div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
   <script src="/static/jquery-3.5.1.slim.min.js"></script>
    <script src="/static/bootstrap.bundle.min.js"></script>

</body>
</html>
